<!--{include admin_header}-->
                <div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>

<!--{include admin_breadcrumb}-->
						<div class="nav-search" id="nav-search">
							<form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
									<i class="icon-search nav-search-icon"></i>
								</span>
							</form>
						</div><!-- #nav-search -->
					</div>

					<div class="page-content">
						<div class="page-header">
							<h1>{$_G['admincp']['actname']}<small><i class="icon-double-angle-right"></i>{$_G['admincp']['optname']}</small></h1>
						</div><!-- /.page-header -->

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<div class="row">
									<div class="col-xs-12">
                                        <div class="projects">
                            <!--{loop $teams $index $one}-->
                                            <div class="project" dataid="{$one['id']}">
                                                <a title="{$one['name']}" href="?action=team&operation=edit&detail=yes&id={$one['id']}" class="folder c${$one['fcolor'] ? $one['fcolor'] : '2'} i${$one['ficon'] ? $one['ficon'] : '2'}">
                                                    <span class="tower-badge"></span>
                                                    <i class="tower-badge-edit" title="修改项目图标和颜色"></i>
                                                </a>
                                                <h6 class="name">
                                                    <a title="?action=team&operation=edit&id={$one['id']}" href="javascript:void(0);">{$one['name']}</a>
                                                </h6>
                                                <p class="desc" title=""></p>
                                            </div>
                            <!--{/loop}-->
                                            <div class="project new">
                                                <a title="创建新项目" class="folder" href="?action=team&operation=edit">
                                                    <span class="tower-badge"></span>
                                                </a>
                                            </div>
                                        </div>
										<div class="table-responsive hide">
											<table id="sample-table-1" class="table table-striped table-bordered table-hover">
												<thead>
													<tr>
														<th class="center">
															<label>
																<input type="checkbox" class="ace" />
																<span class="lbl"></span>
															</label>
														</th>
														<th>id</th>
														<th>项目名称</th>
														<th>所属客户</th>
														<th>参与人数</th>
														<th class="hidden-480">添加时间</th>
														<th>业务员</th>
														<th>操作</th>
													</tr>
												</thead>

												<tbody>
					<!--{loop $teams $index $one}-->
													<tr>
														<td class="center">
															<label>
																<input type="checkbox" class="ace" /><span class="lbl"></span>
															</label>
														</td>

														<td>{$one['id']}</td>
														<td>{$one['name']}</td>
														<td>{$customers[$one['customerid']]['name']}</td>
														<td>${intval($counts['members'][$one['id']])}</td>
														<td class="hidden-480">${date('Y-m-d H:i', $one['create_time'])}</td>
														<td>${$admins[$one['adminid']]['realname'] ? $admins[$one['adminid']]['realname'] : $admins[$one['adminid']]['username']}</td>
														<td>
															<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
																<a class="btn btn-xs btn-info" href="?action=team&operation=edit&detail=yes&id={$one['id']}">
																	<i class="icon-zoom-in bigger-120"></i>
																</a>
																<a class="btn btn-xs btn-info" href="?action=team&operation=edit&id={$one['id']}">
																	<i class="icon-edit bigger-120"></i>
																</a>
																<a class="btn btn-xs btn-danger ajaxlink" href="?action=team&operation=edit&id={$one['id']}" ask="您确定要删除此客户？"><i class="icon-trash bigger-120"></i></a>
															</div>

															<div class="visible-xs visible-sm hidden-md hidden-lg">
																<div class="inline position-relative">
																	<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
																		<i class="icon-cog icon-only bigger-110"></i>
																	</button>

																	<ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
																		<li>
																			<a href="#" class="tooltip-info" data-rel="tooltip" title="详情">
																				<span class="blue">
																					<i class="icon-zoom-in bigger-120"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
																				<span class="green">
																					<i class="icon-edit bigger-120"></i>
																				</span>
																			</a>
																		</li>

																		<li>
																			<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																				<span class="red">
																					<i class="icon-trash bigger-120"></i>
																				</span>
																			</a>
																		</li>
																	</ul>
																</div>
															</div>
														</td>
													</tr>
<!--{/loop}-->
												</tbody>
											</table>
										</div><!-- /.table-responsive -->
									</div><!-- /span -->
								</div><!-- /row -->

								<div class="hr hr-18 dotted hr-double"></div>
								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div>
		<!-- page specific plugin scripts -->
<!--{include admin_footer}-->
		<script src="/static/ace/assets/js/jquery.dataTables.min.js"></script>
		<script src="/static/ace/assets/js/jquery.dataTables.bootstrap.js"></script>
		<script src="/static/ace/assets/js/jquery-ui-1.10.3.full.min.js"></script>
		<!-- inline scripts related to this page -->

		<script>
        	D.Main = {
				func : {
					hsetting : function(box){
						box.removeClass('visible');
						$('.tower-badge-settings').removeAttr('dataid').hide();
						$(document).unbind('click');
					},
					sicon : function(i, c, post){
						var dataid = $('.tower-badge-settings').attr('dataid');
						var box = $('.project[dataid="'+dataid+'"]').children('.folder');
						var bc = box.attr('class').match(/c\d+/)[0];
						var bi = box.attr('class').match(/i\d+/)[0];
						if( c != null ){
							$('.tower-badge-settings .icons li').removeClass().addClass(c);
							$('.tower-badge-settings .color-sets li').removeClass('selected');
							$('.tower-badge-settings .color-sets li[class="'+c+'"]').addClass('selected');
							box.removeClass(bc).addClass(c);
						}
						if( i != null ){
							$('.tower-badge-settings .icons li.selected').removeClass('selected');
							$('.tower-badge-settings .icons li[data-icon="'+i+'"]').addClass('selected');
							box.removeClass(bi).addClass(i);
						}
						if( post && (i || c) ){
							D.ajax.get('?action=team&operation=edit&act=change_team_icon&id=' + dataid + '&c=' + c + '&i=' + i, function(json){
								console.log(json.data);
							});
						}
					}
				},
				init : function(){
					$(".projects").sortable({
						handle: ".folder",
						items: ".project:not(.new)",
						cursor: "pointer",
						distance: 20,
						revert: 100,
						tolerance: "pointer",
						placeholder: "proj-placeholder",
						start: function(b, c) {
							$(document).trigger("click.badge")
						},
						update: function(b, c) {
							var d = $("div.project"),
							e = d.map(function() {
								return $(this).attr("dataid")
							}).get();
							return true;
							a.ajax({
								url: "/projects/reorder/",
								type: "post",
								dataType: "json",
								data: {
									ids: e.join(",")
								}
							})
						}
					});
	

					var icons = $('.tower-badge-settings .icons li');
					$.each(icons, function(){
						$(this).attr('data-icon', $(this).attr('class'));
					});
					$('.tower-badge-settings .icons li').on('click', function(event){
						if( $(this).hasClass('selected') ){
							return false;
						}
						var i = $(this).attr('data-icon');
						D.Main.func.sicon(i, null, true);
						event.stopPropagation();
						return false;
					});
					$('.tower-badge-settings .color-sets li').on('click', function(event){
						if( $(this).hasClass('selected') ){
							return false;
						}
						var i = $('.tower-badge-settings .icons li.selected').attr('data-icon');
						var c = $(this).attr('class').match(/c\d+/)[0];
						D.Main.func.sicon(i, c, true);
						event.stopPropagation();
						return false;
					});
					$('.tower-badge-settings').on('click', function(event){
						event.stopPropagation();
						return false;
					});
					$('.tower-badge-edit').on('click', function(){
						var box = $(this);
						var dataid = box.parent().parent().attr('dataid');
						if( box.hasClass('visible') ){
							D.Main.func.hsetting(box);
						}else{
							$(document).bind('click', function(){
								D.Main.func.hsetting(box);
							});
							$('.tower-badge-settings').attr('dataid', dataid);
							var i = box.parent().attr('class').match(/i\d+/)[0];
							var c = box.parent().attr('class').match(/c\d+/)[0];
							var lf = box.offset().left - ($('.tower-badge-settings').width()/2) - (box.width()/2) - 4;
							var tp = box.offset().top + box.height();
							D.Main.func.sicon(i, c);
							$('.tower-badge-settings').css({
								left : lf,
								top : tp
							}).show();
							box.addClass('visible');
						}
						return false;
					});
				}
			}
        </script>

		<script type="text/javascript">
			jQuery(function($) {
				var oTable1 = $('#sample-table-2').dataTable( {
				"aoColumns": [
			      { "bSortable": false },
			      null, null,null, null, null,
				  { "bSortable": false }
				] } );
				
				
				$('table th input:checkbox').on('click' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});
				});
			
				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table')
					var off1 = $parent.offset();
					var w1 = $parent.width();
			
					var off2 = $source.offset();
					var w2 = $source.width();
			
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
			})
		</script>
<style>
@font-face{font-family:"towericon";src:url("/static/tower/font/towericon.woff");src:url("/static/tower/font/towericon.eot");src:url("/static/tower/font/towericon.eot?#iefix") format("embedded-opentype"),url("/static/tower/font/towericon.woff") format("woff"),url("/static/tower/font/towericon.ttf") format("truetype")}
.project{-webkit-transition:-webkit-transform 100ms ease-in-out;-moz-transition:-moz-transform 100ms ease-in-out;transition:transform 100ms ease-in-out;-webkit-transition:-webkit-box-shadow 100ms ease-in-out;-moz-transition:-moz-box-shadow 100ms ease-in-out;transition:box-shadow 100ms ease-in-out}
.project.ui-sortable-helper{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08);-webkit-transition:-webkit-transform 100ms ease-in-out;-moz-transition:-moz-transform 100ms ease-in-out;transition:transform 100ms ease-in-out;-webkit-transition:-webkit-box-shadow 100ms ease-in-out;-moz-transition:-moz-box-shadow 100ms ease-in-out;transition:box-shadow 100ms ease-in-out}
.project .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.projects a{margin:0 0 0 4px;font-size:14px;color:#777;display:inline-block}
.projects a:hover{color:#0f769f; text-decoration:none;}
.projects a:after{content:","}
.projects a:last-child:after{content:""}

.projects{margin:10px 0 0 0;*zoom:1}
.projects:before,.projects:after{display:table;content:""}
.projects:after{clear:both;height:0;visibility:hidden}
.project{position:relative;float:left;width:240px;height:200px;overflow:hidden;padding-top:20px;text-align:center}
.project .folder{background:url(/static/tower/project-item-mask-20e7c031ce6effe34e92509391185b9c.png) #cee6e9;background-repeat:no-repeat;background-position:top left;position:relative;display:block;width:152px;height:113px;margin:0 auto 15px;font-family:"towericon";outline:none}@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5){.project .folder{background:url(/static/tower/project-item-mask@2x-bf027a8607f90c5df16a7d096d887f8b.png);background-size:153px auto}}
.project .folder .star{position:absolute;width:20px;height:20px;top:10px;left:10px;background:url(star.png) 0 0 no-repeat;display:none}
.project .folder .star.on{background-position:-20px 0;display:block}
.project .folder .tower-badge:after{font-size:90px;line-height:110px;text-shadow:0 1px 0 rgba(255,255,255,0.4),0 -1px 0 rgba(0,0,0,0.4)}
.project .folder .tower-badge-edit{display:none;position:absolute;bottom:8px;right:7px;width:15px;height:15px;background:url(/static/tower/icon-info-f6c72fc53772306ae1b88ece8f1199ad.png);background-repeat:no-repeat;background-position:left top}@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5){.project .folder .tower-badge-edit{background:url(/static/tower/icon-info@2x-a3b41b436f504658adde57709b90f0bd.png);background-size:15px auto}}
.project .folder:hover{opacity:.8}
.project .folder:hover .star{display:block;opacity:0.7}
.project .folder:hover .star:hover{opacity:1}
.project .folder:hover .star.on{opacity:1}
.project .folder .tower-badge-edit.visible,.project .folder:hover .tower-badge-edit{display:block;opacity:.7}
.project .folder .tower-badge-edit.visible:hover,.project .folder:hover .tower-badge-edit:hover{opacity:1;cursor:pointer}
.project .name{width:100%}
.project .name a{font-size:18px;font-weight:400;color:#333;font-family:"Helvetica Neue", Helvetica, Arial,"Microsoft Yahei","SimHei",Sans-serif}
.project .name a:hover{opacity:0.8}
.project .desc{font-size:12px;color:#999;line-height:18px;padding:0 10px;overflow:hidden;height:38px}
.project.new .folder{margin-top:2px;background:url(/static/tower/btn-new-project-2bdd7085e15173d8cb747b646239d99f.png);background-repeat:no-repeat;background-position:0 0;background-color:transparent}@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5){.project.new .folder{background:url(/static/tower/btn-new-project@2x-37b9bb36070a6dd65d9f49358bd2df02.png);background-size:150px auto}}
.project.new .folder:hover{background-position:0 -113px}
.project.new .name a{color:#999}
/*.tower-badge-settings{position:absolute;top:102px;left:-50px;z-index:10;display:block;font-family:'towericon';width:277px;height:292px;padding:20px;text-align:center;background:url(/static/tower/project-badge-settings-bg-e6e3e930e33625930fc6632491bffd6e.png) top left no-repeat}
.tower-badge-settings li{display:inline-block;cursor:pointer}
.tower-badge-settings .color-sets{margin:15px 0 8px}
.tower-badge-settings .color-sets li{width:22px;height:22px;margin:0px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.tower-badge-settings .color-sets li:hover{width:22px;height:22px;border:2px solid;}
.tower-badge-settings .color-sets li.selected{position:relative;width:22px;height:22px;margin:0;border:2px solid;}
.tower-badge-settings .color-sets li.selected:after{position:absolute;top:0;left:0;display:block;width:22px;content:"\2714";text-align:center}
.tower-badge-settings .icons li{width:40px;height:40px;margin:3px 0 0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-size:42px;line-height:34px;line-height:38px\0;}
.tower-badge-settings .icons li:not(.selected){background:#fff;opacity:.6;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}
.tower-badge-settings .icons li:hover{opacity:1;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}
*/
.project-archived{margin:20px 0 0 0;padding:0 40px}
.project-archived small{font-size:14px;color:#999;float:left;padding-top:2px}
.project-archived a:not(.hide){margin:0 0 0 12px;font-size:14px;color:#777;display:inline-block}
.project-archived a:not(.hide) i{color:#85A099}
.project-archived a:not(.hide):hover i{color:#659079}
.project-archived a:not(.hide):hover span{color:#0f769f}
.project-templates{margin:20px 0 40px 0;padding:0 40px}
.project-templates small{font-size:14px;color:#999;float:left;padding-top:2px}
.project-templates a:not(.hide){margin:0 0 0 12px;font-size:14px;color:#777;display:inline-block}
.project-templates a:not(.hide) i{color:#D5B27C}
.project-templates a:not(.hide):hover i{color:#c5a26C}
.project-templates a:not(.hide):hover{color:#0f769f}
.project-templates a.project-template.create{display:inline-block;padding:1px 5px;font-size:12px;color:#fff;background:#85A099}
.project-templates a.project-template.create:hover{background:#659079}
.project-archived-list{margin-left:70px}
.project-templates-list{margin-left:70px}

.proj-placeholder{float:left;width:240px;height:200px;padding-top:20px}
.project{-webkit-transition:-webkit-transform 100ms ease-in-out;-moz-transition:-moz-transform 100ms ease-in-out;transition:transform 100ms ease-in-out;-webkit-transition:-webkit-box-shadow 100ms ease-in-out;-moz-transition:-moz-box-shadow 100ms ease-in-out;transition:box-shadow 100ms ease-in-out}
.project.ui-sortable-helper{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08);-webkit-transition:-webkit-transform 100ms ease-in-out;-moz-transition:-moz-transform 100ms ease-in-out;transition:transform 100ms ease-in-out;-webkit-transition:-webkit-box-shadow 100ms ease-in-out;-moz-transition:-moz-box-shadow 100ms ease-in-out;transition:box-shadow 100ms ease-in-out}
.project.ui-sortable-helper .folder{opacity:1 !important;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 10px 15px rgba(0,0,0,0.15);-moz-box-shadow:0 10px 15px rgba(0,0,0,0.15);box-shadow:0 10px 15px rgba(0,0,0,0.15)}
.project.ui-sortable-helper .folder.c1{background-color:#e4ddd4;color:#cda8a1;border-color:#cda8a1}
.project.ui-sortable-helper .folder.c2{background-color:#e7e5da;color:#bdbab0;border-color:#bdbab0}
.project.ui-sortable-helper .folder.c3{background-color:#e2e8d6;color:#c4cdaf;border-color:#c4cdaf}
.project.ui-sortable-helper .folder.c4{background-color:#dfeae5;color:#b8cfc5;border-color:#b8cfc5}
.project.ui-sortable-helper .folder.c5{background-color:#d4e2e4;color:#99b1ba;border-color:#99b1ba}
.project.ui-sortable-helper .folder.c6{background-color:#d4dae4;color:#9baac5;border-color:#9baac5}
.project.ui-sortable-helper .folder.c7{background-color:#ece0e4;color:#d2b1bd;border-color:#d2b1bd}
.project.ui-sortable-helper .folder.c8{background-color:#e3e3e3;color:silver;border-color:silver}
.project.ui-sortable-helper .name{-webkit-text-shadow:0 2px 4px rgba(0,0,0,0.2);-moz-text-shadow:0 2px 4px rgba(0,0,0,0.2);text-shadow:0 2px 4px rgba(0,0,0,0.2)}
.project.ui-sortable-helper .name a{color:#666}
.project.ui-sortable-helper .desc{visibility:hidden}
.project.ui-sortable-helper .tower-badge-edit{display:none !important}
.page#page-team-stats .title{*zoom:1}


.tower-badge-settings, .tower-badge-settings:before, .tower-badge-settings:after, .tower-badge-settings *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.tower-badge-settings{position:absolute;top:102px;left:-50px;z-index:10;display:block;font-family:'towericon';width:277px;height:292px;padding:20px;text-align:center;background:url(/static/tower/project-badge-settings-bg-e6e3e930e33625930fc6632491bffd6e.png) top left no-repeat;}
.tower-badge-settings li{display:inline-block;cursor:pointer}
.tower-badge-settings .color-sets{margin:15px 0 8px}
.tower-badge-settings .color-sets li{width:22px;height:22px;margin:0px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.tower-badge-settings .color-sets li:hover{width:20px;height:20px;margin:-1px;border:2px solid}
.tower-badge-settings .color-sets li.selected{position:relative;width:21px;height:21px;margin:0;border:2px solid}
.tower-badge-settings .color-sets li.selected:after{position:absolute;top:0;left:0;display:block;width:22px;content:"\2714";text-align:center}
.tower-badge-settings .icons li{width:40px;height:40px;margin:3px 0 0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-size:42px;line-height:34px;line-height:38px\0}
.tower-badge-settings .icons li:not(.selected){background:#fff;opacity:.6;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}
.tower-badge-settings .icons li:hover{opacity:1;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}
.tower-badge-settings.c1,.tower-badge-settings .c1{background-color:#e9ddcf;color:#d8a196;border-color:#d8a196}
.projects .project .folder.c1,.projects .project .folder .c1,.tower-badge-settings.c1,.tower-badge-settings .c1{background-color:#e9ddcf;color:#d8a196;border-color:#d8a196}
.projects .project .folder.c2,.projects .project .folder .c2,.tower-badge-settings.c2,.tower-badge-settings .c2{background-color:#ece8d5;color:#c8bfa5;border-color:#c8bfa5}
.projects .project .folder.c3,.projects .project .folder .c3,.tower-badge-settings.c3,.tower-badge-settings .c3{background-color:#e4edd1;color:#c8d7a5;border-color:#c8d7a5}
.projects .project .folder.c4,.projects .project .folder .c4,.tower-badge-settings.c4,.tower-badge-settings .c4{background-color:#dbeee6;color:#afd8c7;border-color:#afd8c7}
.projects .project .folder.c5,.projects .project .folder .c5,.tower-badge-settings.c5,.tower-badge-settings .c5{background-color:#cfe6e9;color:#8cb6c7;border-color:#8cb6c7}
.projects .project .folder.c6,.projects .project .folder .c6,.tower-badge-settings.c6,.tower-badge-settings .c6{background-color:#cfd8e9;color:#8fa6d1;border-color:#8fa6d1}
.projects .project .folder.c7,.projects .project .folder .c7,.tower-badge-settings.c7,.tower-badge-settings .c7{background-color:#f0dce3;color:#dba8ba;border-color:#dba8ba}
.projects .project .folder.c8,.projects .project .folder .c8,.tower-badge-settings.c8,.tower-badge-settings .c8{background-color:#e3e3e3;color:#b9c0c7;border-color:#b9c0c7}
.projects .project .folder.i1 .tower-badge:after,.tower-badge-settings.i1 .tower-badge:after{content:"A"}
.projects .project .folder.i2 .tower-badge:after,.tower-badge-settings.i2 .tower-badge:after{content:"B"}
.projects .project .folder.i3 .tower-badge:after,.tower-badge-settings.i3 .tower-badge:after{content:"C"}
.projects .project .folder.i4 .tower-badge:after,.tower-badge-settings.i4 .tower-badge:after{content:"D"}
.projects .project .folder.i5 .tower-badge:after,.tower-badge-settings.i5 .tower-badge:after{content:"E"}
.projects .project .folder.i6 .tower-badge:after,.tower-badge-settings.i6 .tower-badge:after{content:"F"}
.projects .project .folder.i7 .tower-badge:after,.tower-badge-settings.i7 .tower-badge:after{content:"G"}
.projects .project .folder.i8 .tower-badge:after,.tower-badge-settings.i8 .tower-badge:after{content:"H"}
.projects .project .folder.i9 .tower-badge:after,.tower-badge-settings.i9 .tower-badge:after{content:"I"}
.projects .project .folder.i10 .tower-badge:after,.tower-badge-settings.i10 .tower-badge:after{content:"J"}
.projects .project .folder.i11 .tower-badge:after,.tower-badge-settings.i11 .tower-badge:after{content:"K"}
.projects .project .folder.i12 .tower-badge:after,.tower-badge-settings.i12 .tower-badge:after{content:"L"}
.projects .project .folder.i13 .tower-badge:after,.tower-badge-settings.i13 .tower-badge:after{content:"M"}
.projects .project .folder.i14 .tower-badge:after,.tower-badge-settings.i14 .tower-badge:after{content:"N"}
.projects .project .folder.i15 .tower-badge:after,.tower-badge-settings.i15 .tower-badge:after{content:"O"}
.projects .project .folder.i16 .tower-badge:after,.tower-badge-settings.i16 .tower-badge:after{content:"P"}
.projects .project .folder.i17 .tower-badge:after,.tower-badge-settings.i17 .tower-badge:after{content:"Q"}
.projects .project .folder.i18 .tower-badge:after,.tower-badge-settings.i18 .tower-badge:after{content:"R"}
.projects .project .folder.i19 .tower-badge:after,.tower-badge-settings.i19 .tower-badge:after{content:"S"}
.projects .project .folder.i20 .tower-badge:after,.tower-badge-settings.i20 .tower-badge:after{content:"T"}
.projects .project .folder.i21 .tower-badge:after,.tower-badge-settings.i21 .tower-badge:after{content:"U"}
.projects .project .folder.i22 .tower-badge:after,.tower-badge-settings.i22 .tower-badge:after{content:"V"}
.projects .project .folder.i23 .tower-badge:after,.tower-badge-settings.i23 .tower-badge:after{content:"W"}
.projects .project .folder.i24 .tower-badge:after,.tower-badge-settings.i24 .tower-badge:after{content:"X"}
.projects .project .folder.i25 .tower-badge:after,.tower-badge-settings.i25 .tower-badge:after{content:"Y"}
.projects .project .folder .tower-badge:after,.tower-badge-settings .tower-badge:after{line-height:1.2\0}</style>

<div class="project-badge tower-badge-settings" style="display:none;">
	<ul class="color-sets">
		<li class="c1"></li>
		<li class="c2"></li>
		<li class="c3"></li>
		<li class="c4"></li>
		<li class="c5"></li>
		<li class="c6"></li>
		<li class="c7"></li>
		<li class="c8"></li>
	</ul>
	<ul class="icons" style="padding:0; margin:0;">
		<li class="i1">A</li>
		<li class="i2">B</li>
		<li class="i3">C</li>
		<li class="i4">D</li>
		<li class="i5">E</li>
		<li class="i6">F</li>
		<li class="i7">G</li>
		<li class="i8">H</li>
		<li class="i9">I</li>
		<li class="i10">J</li>
		<li class="i11">K</li>
		<li class="i12">L</li>
		<li class="i13">M</li>
		<li class="i14">N</li>
		<li class="i15">O</li>
		<li class="i16">P</li>
		<li class="i17">Q</li>
		<li class="i18">R</li>
		<li class="i19">S</li>
		<li class="i20">T</li>
		<li class="i21">U</li>
		<li class="i22">V</li>
		<li class="i23">W</li>
		<li class="i24">X</li>
		<li class="i25">Y</li>
	</ul>
</div>
</body>
</html>